@(title: Html, currentPage: String = "")(content: Html)

<!DOCTYPE html>

<html>
    <head>
        <title>@title</title>
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap.css")">
		<link href="twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
        <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
        <script src="@routes.Assets.at("javascripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    </head>
    <body>
        
		<div class="topbar">
			<div class="fill">
				<div class="container">
					<a class="brand" href="@routes.Application.index()">Grid Simulator</a>
					<ul class="nav">
						<li class="@("active".when(currentPage == "runSim"))">
                            <a href="@routes.Application.sim">Simulate</a>
                        </li>
                        <li class="@("active".when(currentPage == "uploadGrid"))">
                            <a href="@routes.Application.uploadPage">Upload Grid</a>
                        </li>
						<li class="@("active".when(currentPage == "viewGrids"))">
                            <a href="@routes.Application.listUploadedGrids">View Grids</a>
                        </li>
                    </ul>
				</div>
			</div>
		</div>
		
		<div class="container">
			<div class="content">
				<div class="page-header">
					<h1>@title</h1>
				</div>
			
				<div class="row">
					<div class="span14">
						@content
					</div>
				</div>
			
			</div>
			
			<footer>
				<p>
					<a href="http://code.google.com/p/grid-simulator/">Grid Simulator </a>
				<p>
			</footer>
			
		</div>
		
    </body>
</html>
